<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <title>华晟科技 - 关于我们</title>
    <style>
        *{margin:0;padding:0;box-sizing:border-box}
        body{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;background:#f5f7fa;color:#333;line-height:1.6}
        .container{max-width:750px;margin:0 auto;background:#fff;min-height:100vh}
        .header{background:linear-gradient(135deg,#2196F3 0%,#1976D2 100%);color:#fff;padding:45px 30px;text-align:center}
        .header h1{font-size:28px;font-weight:600;margin-bottom:8px}
        .header p{font-size:16px;opacity:.9}
        .content{padding:30px}
        .section{background:#fff;border-radius:12px;margin-bottom:25px;box-shadow:0 2px 12px rgba(33,150,243,.08)}
        .section-title{color:#2196F3;font-size:20px;font-weight:600;margin-bottom:15px;padding-left:15px;border-left:4px solid #2196F3}
        .intro-text{font-size:16px;color:#666;line-height:1.8;text-indent:2em}
        .contact-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0}
        .contact-item:last-child{border-bottom:none}
        .contact-icon{width:44px;height:44px;background:#E3F2FD;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0}
        .contact-icon svg{width:24px;height:24px;fill:#2196F3}
        .contact-info h4{font-size:16px;color:#333;margin-bottom:3px}
        .contact-info p{font-size:14px;color:#666}
        .btn-call{display:block;background:#2196F3;color:#fff;text-decoration:none;padding:15px 0;border-radius:25px;text-align:center;font-size:18px;font-weight:600;margin:30px 20px;box-shadow:0 4px 12px rgba(33,150,243,.3);transition:all .3s ease}
        .btn-call:active{transform:translateY(2px);box-shadow:0 2px 8px rgba(33,150,243,.3)}
        .footer{background:#f5f7fa;padding:20px;text-align:center;font-size:14px;color:#999}
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>华晟科技</h1>
            <p>互联网创新服务专家</p>
        </div>
        
        <div class="content">
            <div class="section">
                <h2 class="section-title">公司简介</h2>
                <p class="intro-text">华晟科技是一家专注于互联网创新服务的高新技术企业，致力于为客户提供高效、智能、可靠的数字化解决方案。公司拥有一支经验丰富的研发与服务团队，业务涵盖平台开发、企业数字化转型、智能营销等多个领域。我们秉承"客户至上、创新驱动"的理念，助力企业实现数字化升级与可持续发展。</p>
            </div>
            
            <div class="section">
                <h2 class="section-title">联系我们</h2>
                
                <div class="contact-item">
                    <div class="contact-icon">
                        <svg viewBox="0 0 24 24">
                            <path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/>
                        </svg>
                    </div>
                    <div class="contact-info">
                        <h4>客服热线</h4>
                        <p>400-888-8888</p>
                    </div>
                </div>
                
                <div class="contact-item">
                    <div class="contact-icon">
                        <svg viewBox="0 0 24 24">
                            <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.89 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
                        </svg>
                    </div>
                    <div class="contact-info">
                        <h4>邮箱地址</h4>
                        <p>contact@huasheng.com</p>
                    </div>
                </div>
                
                <div class="contact-item">
                    <div class="contact-icon">
                        <svg viewBox="0 0 24 24">
                            <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
                        </svg>
                    </div>
                    <div class="contact-info">
                        <h4>公司地址</h4>
                        <p>广西南宁市青秀区民族大道136号华润大厦B座2801室</p>
                    </div>
                </div>
            </div>
            
            <a href="tel:400-888-8888" class="btn-call">立即拨打电话</a>
        </div>
        
        <div class="footer">
            © 2025 华晟科技 版权所有
        </div>
    </div>
    
    <script>
        // 防止微信等浏览器调整字体大小
        (function() {
            if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
                handleFontSize();
            } else {
                if (document.addEventListener) {
                    document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
                } else if (document.attachEvent) {
                    document.attachEvent("WeixinJSBridgeReady", handleFontSize);
                    document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
                }
            }
            function handleFontSize() {
                WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 });
                WeixinJSBridge.on('menu:setfont', function() {
                    WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize': 0 });
                });
            }
        })();
    </script>
</body>
</html>